<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
-->

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Apache MyFaces Extensions CDI - Myfaces CODI</title>
        <h:outputStylesheet library="styles" name="base.css"/>
        <h:outputStylesheet library="styles" name="theme.css"/>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    </h:head>
    <h:body>
        <div id="header">
            <div id="top_menu">
                <div id="top_menu_container">
                    <div class="date">MyFaces CODI (v#{infoBean.codiVersion})</div>
                    <ul>
                        <li>
                            <a href="http://www.apache.org" target="_blank">Apache</a>
                        </li>
                        <li>
                            <a href="http://myfaces.apache.org/" target="_blank">MyFaces</a>
                        </li>
                        <li>
                            <a href="https://cwiki.apache.org/confluence/display/EXTCDI/Documentation" target="_blank">#{i18n.menuDocumentation}</a>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
            <div id="header_bottom">
                <div id="logo_banner_container">
                    <div id="logo">
                        <a href="http://myfaces.apache.org/extensions/cdi/index.html">
                            <h:graphicImage library="images" name="codi_logo.png" alt="CODI logo"/>
                        </a>
                    </div>
                    <div id="banner">
                        <a href="http://myfaces.apache.org/">
                            <h:graphicImage library="images" name="myfaces_logo.jpg" alt="MyFaces logo"/>
                        </a>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>

        <div id="main_container">
            <div id="left_column">
                <h:form id="menuForm" prependId="false">
                    <div class="left_menu_top">
                        <div class="left_menu_bottom">
                            <h5>#{i18n.lblLeftMenuTitle}</h5>

                            <div class="content">
                                <ul class="left_menu">
                                    <ui:include src="menu.xhtml"/>
                                </ul>
                            </div>
                        </div>
                    </div>
                </h:form>

                <div class="clear"></div>

                <div class="left_menu_top">
                    <div class="left_menu_bottom">
                        <h5>#{i18n.menuMisc}</h5>

                        <div class="content">
                            <ul class="left_menu">
                                <li class="none">
                                    <a href="https://cwiki.apache.org/confluence/display/EXTCDI/Documentation" target="_blank">#{i18n.lblWiki}</a>
                                </li>
                                <li class="none">
                                    <a href="http://code.google.com/a/apache-extras.org/p/myfaces-codi-examples/" target="_blank">#{i18n.lblExternalExamples}</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div id="body_column">
                <div>
                    <div class="section">

                        <ui:insert name="header"><h2>MyFaces CODI Demo [Window-ID: #{currentWindowContext.id}]</h2></ui:insert>

                        <div class="main_content">
                            <h:form id="mainForm" prependId="false">
                                <ui:insert name="content"><p>No content available.</p></ui:insert>
                            </h:form>
                        </div>

                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <h:messages globalOnly="true" errorStyle="color: red;" warnStyle="color:orange;" infoStyle="color:dodgerblue;"/>
        <div id="footer">
            <div class="copyright">
                <p>&#169; The Apache Software Foundation
                </p>
            </div>
        </div>

        <div id="communityHintsSwitcher" style="
                                                  overflow: hidden;
                                                  position: fixed;
                                                  left: 0.25em;
                                                  bottom: 0;
        ">
            <h:form>
                <h:commandLink action="#{windowPropertiesBean.toggleCommunityLinks}"
                               value="#{windowPropertiesBean.showCommunityLinks ? 'x' : '+'}"
                               style="
                                      color: #000;
                                      font: bold 120% Arial, sans-serif;

                                      display: block;
                                      z-index:4;

                                      margin: 0.05em 0 0.075em 0;
                                      padding: 0.5em 3em 0.5em -0.5em;

                                      text-align: center;
                                      text-decoration: none;

                                      text-shadow: 0 0 0.5em #444;
                "/>
            </h:form>
        </div>

        <h:panelGroup rendered="#{windowPropertiesBean.showCommunityLinks}">
            <div id="communityHints">
                <div style="
                              background-color: #558ED5;

                              overflow: hidden;
                              position: fixed;
                              left: -3.2em;
                              bottom: 1.0em;

                              -moz-transform: rotate(45deg);
                              -webkit-transform: rotate(45deg);

                              -moz-box-shadow: 0 0 1em #888;
                              -webkit-box-shadow: 0 0 1em #888;
                ">
                    <a href="http://twitter.com/MyFacesTeam" onclick="void(window.open(this.href, '', '')); return false;"
                       style="
                              border: 1px solid #00B0F0;
                              color: #fff;
                              font: bold Arial, sans-serif;

                              display: block;
                              z-index:3;

                              margin: 0.05em 0 0.075em 0;
                              padding: 0.5em 3em 0.5em 3em;

                              text-align: center;
                              text-decoration: none;

                              text-shadow: 0 0 0.5em #444;
                    ">Follow us!</a>
                </div>

                <div style="
                              background-color: #a00;

                              overflow: hidden;
                              position: fixed;
                              left: -3.7em;
                              bottom: 2.5em;

                              -moz-transform: rotate(45deg);
                              -webkit-transform: rotate(45deg);

                              -moz-box-shadow: 0 0 1em #888;
                              -webkit-box-shadow: 0 0 1em #888;
                ">
                    <a href="https://github.com/apache/myfaces-extcdi"
                       onclick="void(window.open(this.href, '', '')); return false;"
                       style="
                              border: 1px solid #faa;
                              color: #fff;
                              font: bold Arial, sans-serif;

                              display: block;
                              z-index:2;

                              margin: 0.05em 0 0.075em 0;
                              padding: 0.5em 4.5em 0.5em 3.5em;

                              text-align: center;
                              text-decoration: none;

                              text-shadow: 0 0 0.5em #444;
                    ">Fork me on GitHub</a>
                </div>

                <div style="
                              background-color: #809E22;

                              overflow: hidden;
                              position: fixed;
                              left: -8em;
                              bottom: 4.2em;

                              -moz-transform: rotate(45deg);
                              -webkit-transform: rotate(45deg);

                              -moz-box-shadow: 0 0 1em #888;
                              -webkit-box-shadow: 0 0 1em #888;
                ">
                    <a href="https://bitbucket.org/MyFaces/"
                       onclick="void(window.open(this.href, '', '')); return false;"
                       style="
                              border: 1px solid #CDF185;
                              color: #fff;
                              font: bold Arial, sans-serif;

                              display: block;
                              z-index:1;

                              margin: 0.05em 0 0.075em 0;
                              padding: 0.5em 11em 0.5em 9em;

                              text-align: center;
                              text-decoration: none;

                              text-shadow: 0 0 0.5em #444;
                    ">Fork me on Bitbucket</a>
                </div>
            </div>
        </h:panelGroup>

        <script type="text/javascript">
            /*workaround*/
            if(navigator.userAgent.indexOf("Gecko") == -1) {
                document.getElementById("communityHintsSwitcher").style.display='none';
                document.getElementById("communityHints").style.display='none';
            }
        </script>
    </h:body>
</html>
